<template>
    <div>
        <!-- main.js    三级联动全局组件 三级联动已经注册为全局组件，为此 不需要在引入 -->
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        <!-- Floor 这个组件：自己在组件内部是没有发请求的，数据父组件给的 -->
        <Floor v-for="(floor, index) in floorList" :key="floor.id" :list="floor"/>
        <Brand/>
    </div>
</template>
<script>
//引入组件
import ListContainer from '@/Pages/Home/ListContainer';//列表轮播
import Recommend from '@/Pages/Home/Recommend';//今日推荐
import Rank from '@/Pages/Home/Rank';//商品排行
import Like from '@/Pages/Home/Like';//猜你喜欢
import Floor from '@/Pages/Home/Floor';//楼层
import Brand from '@/Pages/Home/Brand';//商标

import {mapState} from 'vuex';

export default {
    name:'',
    components:{
        ListContainer,
        Recommend,
        Rank,
        Like,
        Floor,
        Brand
    },
    mounted(){
        //派发 action，获取floor组件的数据 
        this.$store.dispatch("getFloorList");
        // //获取用户信息在首页展示
        // this.$store.dispatch('getUserInfo');
    },
    computed:{
        ...mapState({
            floorList:(state) => state.home.floorList,
        })
    }
}
</script>
<style lang="less" scoped>

</style>